<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="js/common/swiper.min.css">
    <link rel="stylesheet" href="css/style.css">
    <title>Document</title>
</head>

<body>
    <div class="wrapper">
        <header class="header">
            <div class="top">
                <div class="lt">
                    ＜</div>
                <div class="mild">无连接</div>
                <div class="rt"><span>☰</span><span>☒</span></div>
            </div>
            <ul class="containerOne">
                <li>
                    <i></i><span>电源</span>
                </li>
                <li>
                    <i></i> <span>首页</span>
                </li>
                <li>
                    <i></i> <span>菜单</span>
                </li>
                <li>
                    <i></i><span> 截屏</span>
                </li>
            </ul>
        </header>
        <main class="main">
            <div class="swiper-container containerTwo">
                <ul class="swiper-wrapper">
                    <li class="swiper-slide">
                        滑动控制上下左右，点击确定<span> 长按调节电视音量</span>
                    </li>
                    <li class="swiper-slide">
                        详情
                    </li>
                    <li class="swiper-slide">
                        菜单列表
                    </li>
                    <li class="swiper-slide">
                        截屏操作
                    </li>
                </ul>
            </div>
        </main>
        <footer class="footer">
            <span>〼</span>

            <span>☇</span>
        </footer>
    </div>
    <script src="js/common/swiper.min.js"></script>
    <script>
        let swiper = new Swiper(".containerTwo", {})
        let child = [...document.querySelectorAll(".containerOne li")];
        child.forEach((item, i) => {
            item.onclick = () => {
                swiper.slideTo(i);
            }
        })
    </script>
</body>

</html>